
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
			<style>
				body{
					font-size: 12px;
					color:gray;
				}
				div{
					width: 1024px;
					margin: auto;
						
				}
				.div1{
					
					background-image: url(img/h_bg.jpg);
					background-repeat: no-repeat;
					height: 130px;
				}
				.div1 .ul1{
					
					margin-left: 530px;
				}
				ul{
					list-style-type: none;
				}
				ul li{
					float:left;
				}
				.div1 .ul1 li{
					margin-top: 20px;
					height: 18px;
					font-size: 12px;
					line-height: 18px;
					margin-left: 4px;
				}
				
				.div1 .ul1 .img{
					width:23px;
					background-image: url(img/icon.gif);
					background-repeat: no-repeat;
					background-position: -4px -5px;
				}
				.div1 .ul1 .img1{
					
					background-position: -31px -5px;
				}
				.div1 .ul1 .img2{
					background-position: -31px -5px;
				}
				.div1 .ul1 .img3{
					background-position: -58px -3px;
				}
				.div1 .ul1 .img4{
					background-position: -2px -29px;
					width: 41px;
					text-align: center;
				}
				.div1 .p1{
					margin-top:-100px;
					margin-left: 700px;
					clear:both;
				}
				.div1 .ul2{
					
					margin-top: 27px;
					margin-left: -18px;
					clear: both;
				}
				.div1 .ul2 li{
					
					margin-top: 26px;
					width: 84px;
					text-align: center;
					margin-left: 0px;
				}
				.div1 .ul2 a{
					padding: 5px 14px;
				}
				a:link{
					color: black;
					text-decoration: none;
					font-size: 12px;
				}
				a:hover{
					background-image: url(img/nav_bg.png);
					font-family: "微软雅黑";
					}
				.div1 .ul2 .li1{
					margin-left: 70px;
					}
				.div2{
					height: 650px;
					width: 100%;
					margin-top: -90px;
					background-image: url(img/back/bg.gif);
					margin-left: 23px;
					background-repeat: no-repeat;	
				}
				.div3{
					width: 200px;
					height: 100%;					
					margin-left: 0px;
				}
				
				.div2 .ul3{
					width: 200px;
					
					margin-left: -50px;
					margin-top: 43px;
					float: left;
					
				}
				
				.div2 .ul3 li{
					font-size: 14px;
					margin-left: 20px;
					margin-top: 5px;	
				}
				.div2 .ul4 li{
					font-size: 14px;
					margin-left: 20px;
					margin-top: 8px;
				}
				.div2 .ul4{
					width: 200px;
					margin-left: -50px;
					margin-top: 30px;
					
				}
				.div2 .ul5{
					width: 200px;
					margin-left: -50px;
					margin-top: 60px;
				}
				.div2 .ul5 li{
					font-size: 14px;
					margin-left: 20px;
					margin-top: 8px;
				}
				.div2 .ul6{
					width: 200px;
					margin-left: -50px;
					margin-top: 90px;
				}
				.div2 .ul6 li{
					font-size: 14px;
					margin-left: 20px;
					margin-top: 8px;
				}
				
				.div3 .li3{
					width: 100%;
					list-style-type: none;
					font-size: 15px;
					margin-top: 50px;
					
				}
				.div3 .li4{
					list-style-type: none;
					width: 100%;
					font-size: 15px;
					margin-top: 6px;
					
				}
				.div3 .li5{
					list-style-type: none;
					width: 100%;
					font-size: 15px;
					margin-top: 40px;
					
				}
				.div3 .li6{
					list-style-type: none;
					width: 100%;
					font-size: 15px;
					margin-top: 40px;
					
				}
				.div4{	
					width: 530px;
					height: 645px;
					margin-left: 210px;
					margin-top: 30px;
				}
				.div4 .div41{
					
					width: 520px;
					height: 200px;
					background-image: url(img/ad-04.jpg);
					background-repeat: no-repeat;
					margin-top: 5px;
					margin-left: 0px;
				}
				.div4 .div42{
					float: left;
					width: 100%;
					height: 415px;
					margin-top: -350px;
					margin-left: 10px;
					
				}
				.div4 .div42 .dl1{
					margin-left: 160px;
					margin-top: -340px;
				}
				
				.div4 .div42 .dl2{
					margin-left: 320px;
					margin-top: -340px;
				}
				.div4 .div42 dl{
					margin-top: 15px;
				}
				.div5{
					
					width: 230px;
					height: 260px;
					margin-right: 43px;
					margin-top:-478px;
				}
				.div5  dl{
					
					width: 230px;
					height: 260px;
					margin-top: -10px;
					margin-left: -2px;
				}
				.div5 dt{
					width: 55px;
					
					border: 1px solid red;
					margin-left: 3px;
					margin-top: 15px;
				} 
				.div5 dd{
					font-size: 16px;
					margin-left: 80px;
					margin-top: -25px;
				}
			</style>
	</head>
	<body>
		<div>
			<div class="div1">
				<ul class="ul1">
					<li class="img"></li>
					<li>购物车</li>
					<li class="img img1"></li>
					<li>帮助中心</li>
					<li class="img img2"></li>
					<li>加入收藏</li>
					<li class="img img3"></li>
					<li>设为首页</li>
					<li class="img img4">登录</li>
					<li class="img img4">注册</li>
				</ul>
				<p class="p1">你好,欢迎访问贵美商城</p>
				<ul class="ul2">
					<li><a href="#">首&nbsp;&nbsp;&nbsp;&nbsp;页</a></li>
					<li><a href="#">家用电器</a></li>
					<li><a href="#">数码产品</a></li>
					<li><a href="#">3C电子</a></li>
					<li><a href="#">图书影像</a></li>
					<li><a href="#">家居生活</a></li>
					<li><a href="#">运动健身</a></li>
					<li><a href="#">电竞外设</a></li>
					<li class="li1"><input type="text" name="" id="" value=""/></li>
					<li>搜索</li>
				</ul>
			</div>
			<div class="div2">
				<div class="div3">
					<ul class="ul3">
						<li class="li3"><font color="red"><big>家用电器</big></font></li>
							<li>洗衣机</li>
							<li>大空调</li>
							<li>小空调</li>
							<li>微波炉</li>
							<li>吸尘器</li>
							<li>电视机</li>
							<li>收音机</li>
							<li>洗衣机</li>
							<li>大空调</li>
							<li>小空调</li>
							<li>微波炉</li>
							<li>吸尘器</li>
							<li>电视机</li>
							<li>收音机</li>
							<li>小空调</li>
						</ul>
						
						<ul class="ul4">
							<li class="li4"><font color="red"><big>数码产品</big></font></li>
							<li>大哥大</li>
							<li>大电脑</li>
							<li>小电脑</li>
							<li>大哥大</li>
							<li>小哥小</li>
							<li>大电脑</li>
							<li>小电脑</li>
							<li>大哥大</li>
							<li>小哥小</li>
							<li>大电脑</li>
							<li>小电脑</li>
							<li>大哥大</li>
							<li>小哥小</li>
							<li>大电脑</li>
							<li>小电脑</li>
						</ul>
						<ul class="ul5">
							<li class="li5"><font color="red"><big>数码产品</big></font></li>
							<li>大哥大</li>
							<li>大电脑</li>
							<li>小电脑</li>
							<li>大哥大</li>
							<li>小哥小</li>
							<li>大电脑</li>
							<li>小电脑</li>
							<li>大哥大</li>
							<li>小哥小</li>
							<li>大电脑</li>
							<li>小电脑</li>
							<li>大哥大</li>
							<li>小哥小</li>
							<li>大电脑</li>
							<li>小电脑</li>
						</ul>
						<ul class="ul6">
							<li class="li6"><font color="red"><big>数码产品</big></font></li>
							<li>大哥大</li>
							<li>大电脑</li>
							<li>小电脑</li>
							<li>大哥大</li>
							<li>小哥小</li>
							<li>大电脑</li>
							<li>小电脑</li>
							<li>大哥大</li>
							<li>小哥小</li>
							<li>大电脑</li>
							<li>小电脑</li>
							<li>大哥大</li>
							<li>小哥小</li>
							<li>大电脑</li>
							<li>小电脑</li>
						</ul>
						<div class="div4">
							<div class="div41">	
							</div>
							<div class="div42">
									<dl>
										<dt><img src="img/list3.jpg"</dt>
										<dd>外星人游戏本</dd>
										<dt><img src="img/list3.jpg"</dt>
										<dd>外星人游戏本</dd>
										<dt><img src="img/list3.jpg"</dt>
										<dd>外星人游戏本</dd>
									</dl>
									<dl class="dl1">
										<dt><img src="img/list3.jpg"</dt>
										<dd>外星人游戏本</dd>
										<dt><img src="img/list3.jpg"</dt>
										<dd>外星人游戏本</dd>
										<dt><img src="img/list3.jpg"</dt>
										<dd>外星人游戏本</dd>
									</dl>
									<dl class="dl2">
										<dt><img src="img/list3.jpg"</dt>
										<dd>外星人游戏本</dd>
										<dt><img src="img/list3.jpg"</dt>
										<dd>外星人游戏本</dd>
										<dt><img src="img/list3.jpg"</dt>
										<dd>外星人游戏本</dd>
									</dl>
							</div>
						</div>
				</div>
				<div class="div5">
					<dl>
						<dt><img src="img/show1.jpg"</dt>
						<dd>降价大狂欢快来买!!</dd>
						<dt><img src="img/show1.jpg"</dt>
						<dd>降价大狂欢快来买!!</dd>
						<dt><img src="img/show1.jpg"</dt>
						<dd>降价大狂欢快来买!!</dd>
						<dt><img src="img/show1.jpg"</dt>
						<dd>降价大狂欢快来买!!</dd>
					</dl>
				</div>
			</div>
			
		</div>
		
	</body>
</html>
